<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>.: Teknoquimica - Productos y Servicios con trayectoria :.</title>
		<link href="css/teknoquimica.css" type="text/css" rel="stylesheet">
		<script type="text/javascript" src="js/jquery-1.8.1.min.js"></script>
        <script type="text/javascript" src="js/jquery.color.js"></script>
		<script type="text/javascript" src="js/fadeSlideShow.js"></script>
        <script type="text/javascript" src="js/jquery.lazyload.min.js"></script>

		<script type="text/javascript">
			$(document).ready(function() {
				$('#slideshow').fadeSlideShow({
					
					width: 940, // default width of the slideshow
     				height: 325
				});
				
				$("img.lazy").lazyload({effect:'fadeIn'});
				
				//
				var i = -1;
				
				newsActive();
				var timer = setInterval(function() { newsActive() }, 5000);
				var timeout;
				
				$(".small-news").hover(function() {
					clearInterval(timer);
					clearInterval(timeout);
					$(".small-news").stop(true,true).animate({ color:"#666", backgroundColor:"#FFF" }, 300);
					$(this).stop(true,true).animate({ color:"#FFF", backgroundColor:"#1B3A8E" }, 300);
				}, function() {
					$(".small-news").stop(true,true).animate({ color:"#666", backgroundColor:"#FFF" }, 300);
					timeout = setTimeout(function() { newsActive(); timer = setInterval(function() { newsActive() }, 5000); }, 2000);					
				});
				
				function newsActive()
				{
					var n;
					do {
						n = Math.round(Math.random() * 3);
					} while(n == i);
					$(".small-news").animate({ color:"#666", backgroundColor:"#FFF" }, function() {
						$(".small-news").eq(n).animate({ color:"#FFF", backgroundColor:"#1B3A8E" });
						i = n;
					});
				}
			});
		</script>
	</head>
    
	<body>
		
        <div style="width:100%; background-color:#FFF;">
            <div class="container_16">
                <div id="header" class="grid_16">
                    <div class="spacer-20">
                        &#32;
                    </div>
                    <a href="index.html"><img src="img/logo-teknoquimica.png" alt="Teknoquímica"></a>
    
                    <div class="spacer-10">
                        &#32;
                    </div>
                </div>
            </div>
        </div>
        
        <div class="spacer-10">
        	&#32;
        </div>

		<div class="container_16 envoltorio">
			<div class="sombra">&#32;</div>
            <div class="sombra01">&#32;</div>
            <div class="sombra02">&#32;</div>
            <div class="sombra03">&#32;</div>
            <div class="sombra04">&#32;</div>
            
            <div class="zindex">
                <div id="menu_tabs">
                    <div>
                        <a class="active" href="index.html">HOME</a>
                    </div>
                    <div>
                        <a href="nosotros.html">NOSOTROS</a>
                    </div>
                    <div>
                        <a href="politek.html?poliester">POLITEK</a>
                    </div>
                    <div>
                        <a href="productos.html">PRODUCTOS</a>
                    </div>
                    <div>
                        <a href="contactenos.html">CONTÁCTENOS</a>
                    </div>
                </div>
            </div>
            
            <div id="banner" class="grid_16 zindex">
				<div id="slideshowWrapper">
                    <ul id="slideshow">
                        <li>
                        	<img class="lazy" src="img/grey.gif" data-original="photos/auto.jpg" alt="auto" width="940" height="325">
                            <div class="desc">
                                <h2>Politek</h2>
                                <p>
                                    Resinas de Poliéster para cada necesidad
                                </p>
                            </div>    
                        </li>
                        <li>
                        	<img class="lazy" src="img/grey.gif" data-original="photos/yate.jpg" alt="yate" width="940" height="325">
                            <div class="desc">
                                <h2>Resinas</h2>
                                <p>
                                    Poliésteres insaturados
                                </p>
                            </div>
                        </li>
                        <li>
                        	<img class="lazy" src="img/grey.gif" data-original="photos/toboganes.jpg" alt="toboganes" width="940" height="325">
                            <div class="desc">
                                <h2>Laminado</h2>
                                <p>
                                    Anticorrosivo con seis capas
                                </p>
                            </div>
                        </li>
                        <li>
                        	<img class="lazy" src="img/grey.gif" data-original="photos/flexo.jpg" alt="flexo" width="940" height="325">
                            <div class="desc">
                                <h2>Poliéster</h2>
                                <p>
                                    Producto de la reacción de condensación
                                </p>
                            </div>
                        </li>
                    </ul>
				</div>
				

			</div>

			<div class="spacer-20">
				&#32;
			</div>

			<div class="grid_4 small-news" onClick="location.href='politek.html?poliester'">
            	<img class="lazy" src="img/grey.gif" data-original="photos/b1.jpg" alt="" width="220" height="114">
				<div class="spacer-10">
					&#32;
				</div>
				<h3>¿Qué es un Poliéster? </h3>
				<p>
					Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.
				</p>
				<a class="read">ver más</a>
				<div class="spacer-10">
					&#32;
				</div>
			</div>

			<div class="grid_4 small-news" onClick="location.href='politek.html?resinas'">
				<img class="lazy" src="img/grey.gif" data-original="photos/b2.jpg" alt="" width="220" height="114">
				<div class="spacer-10">
					&#32;
				</div>
				<h3>Resinas Poliéster</h3>
				<p>
					Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
				</p>
				<a class="read">ver más</a>
				<div class="spacer-10">
					&#32;
				</div>
			</div>
			<div class="grid_4 small-news" onClick="location.href='politek.html?gama'">
				<img class="lazy" src="img/grey.gif" data-original="photos/b3.jpg" alt="" width="220" height="114">
				<div class="spacer-10">
					&#32;
				</div>
				<h3>Gama de Productos</h3>
				<p>
					Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
				</p>
				<a class="read">ver más</a>
				<div class="spacer-10">
					&#32;
				</div>
			</div>
			<div class="grid_4 small-news" onClick="location.href='politek.html?laminado'">
				<img class="lazy" src="img/grey.gif" data-original="photos/b4.jpg" alt="" width="220" height="114">
				<div class="spacer-10">
					&#32;
				</div>
				<h3>Laminado</h3>
				<p>
					Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
				</p>
				<a class="read">ver más</a>
				<div class="spacer-10">
					&#32;
				</div>
			</div>

		</div>
        
        <div class="spacer-20">
        	&#32;
        </div>
        
        <div class="container_16">
            <div id="footer" class="grid_16">
            	<p>
                	Teknoquimica 2012 &copy; Todos los Derechos Reservados  |  Av. César Vallejo 1851, El Agustino - Lima 10<br>
                	Teléfono 612-6000 | Fax 612-6001, 611-6002
                </p>                
            </div>
        </div>

	</body>
</html>
